<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>颜色和倾斜</title>
    <style>
      span {
        font-style: italic;
      }

      em {
        font-style: normal;
      }
      article > p {
        /*  font-weight: bold;
        font-style: italic;
        font-size: 20px;
        line-height: 2.5em;
        font-family: 'Courier New', Courier, monospace;*/
        font: bold italic 20px/3.5em 'Courier New', Courier, monospace;
      }
    </style>
  </head>
  <body>
    <article>
      <span>houdunren.com</span>
      <hr />
      <em>hdcms.com</em>
      <p>
        当前位置:站长素材>>字体>>思源字体 部分字体中英文无法同时显示预览取消
        圆体字体古风字体毛体字体花体字体动物字体签名字体打印字体方形字体阴影字体波浪字体卡通字体书法...当前位置:站长素材>>字体>>思源字体
        部分字体中英文无法同时显示预览取消
        圆体字体古风字体毛体字体花体字体动物字体签名字体打印字体方形字体阴影字体波浪字体卡通字体书法...当前位置:站长素材>>字体>>思源字体
        部分字体中英文无法同时显示预览取消
        圆体字体古风字体毛体字体花体字体动物字体签名字体打印字体方形字体阴影字体波浪字体卡通字体书法...当前位置:站长素材>>字体>>思源字体
        部分字体中英文无法同时显示预览取消
        圆体字体古风字体毛体字体花体字体动物字体签名字体打印字体方形字体阴影字体波浪字体卡通字体书法...
      </p>
    </article>
  </body>
</html>
